<!-- <template>
    <div><NuxtPage /></div>
</template> -->

<template>
  <div>
    <!-- 导航栏 -->
    <nav class="bg-gray-800 text-white">
      <div class="container mx-auto px-4">
        <div class="flex justify-between items-center h-16">
          <div class="flex items-center">
            <span class="text-xl font-bold">My Nuxt Site</span>
          </div>
          <div class="flex space-x-4">
            <NuxtLink to="/" class="px-3 py-2 rounded-md hover:bg-gray-700 transition-colors duration-200">首页</NuxtLink>
            <NuxtLink to="/about" class="px-3 py-2 rounded-md hover:bg-gray-700 transition-colors duration-200">关于</NuxtLink>
          </div>
        </div>
      </div>
    </nav>

    <!-- 页面内容 -->
    <main class="flex-grow">
      <NuxtPage />
    </main>

    <!-- 页脚 -->
    <footer class="bg-gray-800 text-white py-6">
      <div class="container mx-auto px-4 text-center">
        <p>&copy; 2025 My Nuxt Site. All rights reserved.</p>
      </div>
    </footer>
  </div>
</template>

<style>
html {
  scroll-behavior: smooth;
}
</style>